<template>
<li>
  <van-row>
    <van-col class="title traveler-title" span="7">出行人{{index || ''}}</van-col>
    <van-col class="desc" span="17">
      <div>{{data.name}}</div>
      <div class="c-gray-l">{{data.identity_name}}&nbsp;{{data.identity_code}}</div>
    </van-col>
  </van-row>
</li>
</template>

<script>
import {
  Row,
  Col,
} from 'vant'

export default {
  name: 'traveler-item',
  components: {
    [Row.name]: Row,
    [Col.name]: Col,
  },

  props: {
    data: {
      type: Object,
      default: null
    },
    index: {
      type: Number,
      default: 0
    },
  },

  data() {
    return {}
  },

  computed: {},

  methods: {
  },

  created() {},

}
</script>

<style lang="less" scoped>
@import "~@style_m/basic/utils/index";

.traveler-title {
  height: 2 * @line-height-base;
  line-height: 2 * @line-height-base;
}
</style>
